<%@ page language="java" session="true" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<nav id="mainnav-container" class="affix-top">
	<div id="mainnav">
		<div id="mainnav-menu-wrap">
			<div class="nano">
				<div class="nano-content">
					<div id="mainnav-profile" class="mainnav-profile">
<!-- 						<div class="profile-wrap"> -->
<!-- 							<div class="row"> -->
<!-- 								<a href="#show-nav" class="box-block" data-toggle="collapse" aria-expanded="false"> -->
<!-- 									<span class="pull-right dropdown-toggle"> -->
<!-- 										<i class="dropdown-caret"></i> -->
<!-- 									</span> -->
<!-- 									<p class="mnp-name" style="font-weight: 500;">web测试项目</p> -->
<!-- 								</a> -->
<!-- 							</div> -->
<!-- 						</div> -->

<!-- 						<div id="show-nav" class="collapse" style="overflow:hidden;position:relative;z-index: 9;"> -->
<!-- 							<div class="nano-nav-search"> -->
<!-- 								<input type="text" class="form-control" placeholder="关键字搜索..."> -->
<!-- 								<i class="fa fa-search form-control-feedback"></i> -->
<!-- 							</div> -->
<!-- 							<div id="nano-scroll" class="nano" > -->
<!-- 								<div class="nano-content"> -->
<!-- 									<div id="project-nav" class="list-group bg-trans "> -->
<!-- 										<a href="#" class="list-group-item">web测试项目 </a> -->
<!-- 										<a href="#" class="list-group-item"> 暂无项目1 </a> -->
<!-- 										<a href="#" class="list-group-item"> 暂无项目2 </a> -->
<!-- 										<a href="#" class="list-group-item"> 暂无项目3 </a> -->
<!-- 									</div> -->
<!-- 								</div> -->
<!-- 							</div> -->
<!-- 						</div> -->

						<script type="text/javascript">
// 							window.onload=function(){
// 								$(function(){
// 									$('a[href="#show-nav"][class="box-block"]').click(function(){
// 										//console.info('sss');
// 										if(!$('#show-nav').hasClass('in')){
// 											var h = $('#project-nav a').length;
// 											if(h > 10){
// 												$('#nano-scroll').height(300);
// 											}else{
// 												$('#nano-scroll').height(h*50);
// 											}
// 											$('#mainnav-menu-wrap>.nano').nanoScroller({preventPageScrolling: true,scrollTop:1});

// 											setTimeout(function(){
// 												$('#nano-scroll').nanoScroller();
// 											},500)
// 										}
// 									});

// 									$('#show-nav .nano-nav-search input').keyup(function(){
// 										var key = this.value;
// 										$('#project-nav a.list-group-item').each(function(){
// 											var sys_n = $(this).text();
// 											if(sys_n.indexOf(key) == -1){
// 												$(this).addClass('hidden');
// 											}else{
// 												$(this).removeClass('hidden');
// 											}
// 										});
// 									});

// 									/* $("#nano-scroll").on("update", function(event, values){

// 										if(values.direction == 'down'){
// 											//console.info(values);
// 											$('#mainnav-menu-wrap .nano').nanoScroller({scrollTop:20});
// 										}

// 									}); */
// 									$("#mainnav-menu-wrap .nano").on("update", function(event, values){
// 										//console.info(values);
// 										if(values.position == 0 && values.direction == 'up'){
// 											//console.info(values);
// 											$('#mainnav-menu-wrap>.nano').nanoScroller({preventPageScrolling: true,scrollTop:1});
// 										}

// 									});
// 								})
// 							}
						</script>
					</div>
					<jsp:include page="menu-tree.jsp" />
					<div style="height: 40px;"></div>
				</div>
			</div>
		</div>
	</div>
</nav>